
<script>
export default {
  name: 'XtxHello',
  render () {
    // 这是有jsx 的写法，跟我们正常些dom 很像
    //
    // 注意点：语法问题
    // 1、每个jsx 必须有且仅有一个跟节点 跟vue2很想
    // 2、在retun 的时候如果想 换行 ，需要我们用 （） 包起来

    // 逻辑写法
    // jsx中要写js  需要用{}包起来 eg如下
    const isLoading = false
    const obj = {
      name: 'ssss',
      age: 18,
      des: ['ddd', '喝酒']
    }
    const clickFn = function () {
      alert('哈哈')
    }
    if (isLoading) {
      return <h1>loading</h1>
    } else {
      return (

        <div>

          <p>{obj.name}</p>
          <p>{obj.age}</p>
          <p>{obj.desc}</p>
          <button onClick={clickFn}>按钮</button>
        </div>
      )
    }
  }

}
</script>

<style>
</style>
